* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.w {
  width: 1120px;
  margin: auto;
}

body {
  font-size: 16px;
  text-align: center;
}

.nav .left .logo {
  font-size: 16px;
}

.nav .right .nav-list .item {
  font-size: 14px;
  color: #ff6a00;
}

.nav .right .nav-list .item:hover {
  color: red;
}

.box, .inner {
  width: 200px;
  height: 200px;
  background-color: lightblue;
}

.box:hover, .inner:hover {
  color: red;
}

.inner {
  position: relative;
  display: flex;
}

.item-color1 {
  color: "#112210";
}

.item-color2 {
  color: "#112220";
}

.item-color3 {
  color: "#112230";
}

.item-color4 {
  color: "#112240";
}

.item-color5 {
  color: "#112250";
}

.item-color6 {
  color: "#112260";
}
